@media screen and (min-width:600px) and (max-width:767px){
  body{
    background-color: blue;
  }
}
@media screen and (min-width:500px) and (max-width:600px){
  body{
    background-color: pink;
  }
}


// 做菜单开始
.container{
  .row{
    .menu-left{
      .logo{
        display:block;
        width: 100%;      
      img{
        width: 100%;
        text-algin:center;
        background-color: #429ad9;
       }
      }
    }
    .menu-left-nav{
      background-color: #eeeeee;
      a{
        display:block;
        padding:10px 0;
        padding-left:20px;
        color:#666;
        font-size:18px;
        &:hover{
          background-color: #fff;
        }
      }
    }
  }
}
// 内容部分开始
.main-content{
  .diyikuai{
    display:table-row;
    >a{
      float:left;
      width: 50%;
      display:table-cell;
      display:block;
      text-decoration: none;
      vertical-align: top;
      img{   
     width: 100%;
      }
      .baixiuziti{
        background-color: #666;
        color:white;
        width: 100%;
        font-size:25px;
        padding:25px;
      }
    }

  .mayuntu{
    display:table-cell;
    float: right;
    width: 50%;
    a{
      position: relative;
      display:block;
      width: 50%;
      float: left;
      &:nth-child(-n+2){
        border-left:3px solid white;
        border-bottom:3px solid white;
      }
      &:nth-last-child(-n+2){
        border-left:3px solid white;
      }
      &:nth-child(3){
        clear: both;
      }
      img{
        display:block;
        width:100%;
      }
      .mayunziti{
        position: absolute;
        bottom:0;
        left:0;
        background-color: rgba(0,0,0,0.5);
        color:white;

      }
    }
   }
  }
}
  // 生活馆开始
.shenghuaguan{
  margin-top:20px;
  .shenghuaguan1{
    padding:20Px 0;
    border-top:1px solid #000;
    .shenghuaguan2{
      margin-top:20px;
      >a{
        .biaoti{
        font-size:25px;
        color: black;
        }
        .fabushijian{
          font-size:12px;
          display:block;
          color: #999;
        }
        .neirong{
          color: black;
        }
      }
      .dianzan{
        a{
    
        }

      }
     
    }
    .youb{
      width: 100%;

      a{

        img{
          width: 100%;

        }
      }
    }
  }
}
// 右列表开始
.lianmeng{
  .right-img{
    width: 100%;
    img{
      width: 100%;

    }
  }
  .right-img1{
    padding:0 20px;
    width: 100%;
    margin-top:30px;
    border:1px solid black;

    span{
      margin-top:10px;
      margin-left:10px;
      color: #fff;
      padding:2px 8px;
      background-color: #177abd;


    }
    h4{
      margin-top:30px;
    }
    p{
      color: #666;
    }
  }

}
